<template>
	<view>
		<view class="address-local">
			<view class="address-local-subject">
				我的收货地址
			</view>
			<view class="address-local-body">
			<view class="address-local-item">
				<view class="layout">
					<view class="address-local-item-body">
						<view class="address-local-item-body-subject">
							重庆易学是教育科技有限公司 茶园同景路5号同景国际城S组团A3栋5楼
						</view>
						<view class="address-local-item-body-tooltip">
							<view class="layout-left">
								<view class="address-local-item-body-tooltip-phone">13883095702</view>
								<view class="address-local-item-body-tooltip-name">简先生</view>
								<view class="address-local-item-body-tooltip-selected">默认地址</view>
							</view>
						</view>
					</view>
					<view class="address-local-item-button">
						<image src="../../../static/icon-edit.png"></image>
					</view>
				</view>
			</view>
				
			</view>
		</view>
		<view class="address-nearby">
			<view class="address-nearby-subject">
				附近地址
			</view>
			<view class="address-nearby-body">
				<view class="address-nearby-body-item">
					<view class="address-nearby-body-item-address">同景国际城S3栋</view>
					<view class="address-nearby-body-item-location">
						<view class="layout-left">
							<view class="address-nearby-body-item-location-icon">
								<image src="../../../static/icon-location.png"></image>
							</view>
							<view class="address-nearby-body-item-location-text">桐泾路5号</view>							
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="address-button">
			<view class="layout" @click="onAddressAdd()">
				<view class="address-button-icon">
					<image src="../../../static/icon-add.png"></image>
				</view>
				<view class="address-button-text">新增收货地址</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			onAddressAdd:function(){
				uni.navigateTo({
					url:"/pages/home/address-add/address-add"
				})
			}
		}
	}
</script>

<style>

.address-local { width: 660rpx; padding: 20rpx; margin: 25rpx auto; background: #fff; border-radius: 20rpx; }
.address-local-subject { padding-bottom: 15rpx;}
.address-local-item-body-subject { font-size: 16px; font-weight: 700; width: 630rpx; padding-bottom: 20rpx;}
.address-local-item-body-tooltip { color: #999; }
.address-local-item-body-tooltip-phone { padding-right: 20rpx;}
.address-local-item-body-tooltip-name { padding-right: 20rpx;}
.address-local-item-body-tooltip-selected { border: #f30 1px solid; border-radius: 10rpx; padding: 5rpx 15rpx;}
.address-local-item-button { width: 30rpx; height: 30rpx; padding-top: 20rpx; }
.address-nearby { width: 660rpx; padding: 20rpx; margin: 25rpx auto; background: #fff; border-radius: 20rpx; }
.address-nearby-subject { padding-bottom: 15rpx; }
.address-nearby-body-item-address { font-size: 16px; font-weight: 600; padding-bottom: 15rpx;}
.address-nearby-body-item-location-icon { width: 30rpx; height: 30rpx; padding-right: 10rpx;}
.address-nearby-body-item-location-text { color: #999;}

.address-button { position: fixed; left: 45rpx; right: 45rpx; bottom: 20rpx; height: 100rpx; text-align: center; }
.address-button { border-radius: 40rpx; background: #f30; color: #fff; line-height: 100rpx;}
.address-button-icon { width: 30rpx; height: 30rpx; padding-top: 10rpx; padding-left: 200rpx; }
.address-button-text { width: 400rpx; font-size: 18px; padding-left: 30rpx; text-align: left; }
</style>
